<link rel="import"
      href="../../../components/polymer/polymer.html">
<!-- import the iron-input custom element -->
<link rel="import"
      href="../../../components/iron-input/iron-input.html">
<!-- [START docs-sample] -->
<dom-module id="editable-name-tag">

  <template>
    <p>
    This is a <strong>{{owner}}</strong>'s editable-name-tag.
    </p>
    <!-- iron-input exposes a two-way bindable input value -->
    <input is="iron-input" bind-value="{{owner}}"
      placeholder="Your name here...">
  </template>

  <script>
    Polymer({
      is: "editable-name-tag",
      properties: {
        owner: {
          type: String,
          value: "Daniel"
        }
      }
    });
  </script>

</dom-module>
<!-- [END docs-sample] -->
